/* pages/goods/detail/index.wxss */

.container {
    padding: 0rpx !important;
}

.goods-detail {
    margin-bottom: 100px;
}

// 商品大图
.banner-img {
    height: 800rpx;

    image {
        height: 100%;
    }
}

// 商品的基本信息
.content {
    margin: 0 16rpx;
    background: white;
    padding: 40rpx;
    position: relative;
    border-radius: 18rpx;
    top: -80px;
    height: 170rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;

    .price {
        display: flex;

        .price-num {
            font-size: 18px;
            color: #fa4126;
            font-weight: bold;
        }

        .price-origin-num {
            font-size: 12px;
            color: #b4babf;
            margin-left: 4px;
            text-decoration: line-through;
            margin-top: 6px;
        }
    }

    .title {
        font-size: 16px;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .desc {
        font-size: 12px;
        color: #999999;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

// 详细图片
.detail {
    margin: -130rpx 16rpx 100rpx;
    background: white;
    padding: 20rpx 16rpx;
    border-radius: 16rpx;
}

// 加入购物车、立即购买弹框
.sheet-wrapper {
    padding: 16px;

    .sheet-footer-btn {
        padding: 16px;
    }
}

// 商品详情
.goods-item {
    display: flex;
    align-items: center;
    padding: 0 32rpx 40rpx 0;

    .left {
        width: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mid {
        width: 114px;
        height: 125px;

        image {
            height: 100%;
        }
    }

    .right {
        height: 125px;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-left: 10px;

        .title {
            flex: 1;
            flex-shrink: 0;
            font-size: 28rpx;
            color: #333;
            line-height: 40rpx;
            font-weight: 400;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            word-break: break-word;
        }

        .buy {
            display: flex;
            justify-content: space-between;

            .price {
                display: flex;
                /* align-items: flex-end; */
                color: #fa4126;
                font-size: 36rpx;

                .symbol {
                    font-size: 10px;
                    margin-right: 2px;
                    margin-top: 8px;
                }
            }
        }
    }
}

// 祝福语
.time-wraper {
    margin-bottom: 12px;

    .title,
    .time {
        justify-content: space-between;
        font-size: 14px;
        color: #333333;
    }

    .form-textarea {
        border-radius: 12px;
        background-color: #f7f8fa;
        padding: 16px 12px;
        font-size: 13px;
        margin-top: 12px;
        width: 94%;
        height: 84px;
    }
}
